export const baseUsage = `
import {PhList,PhListItem} from 'phoeon'
interface List{
    title:String,
    mini:Boolean,
    align:String,
    type:String, //none|button
    nowrap:Boolean //item white-space
}
interface ListItem{
    icon:String,
    iconColor:String,
    iconRight:String,
    iconrightColor:String
}
`;
export const template = `
<ph-divider>基本案例</ph-divider>
<ph-list title="测试test">
    <ph-list-item
    >观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item
    >观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。</ph-list-item>
</ph-list>
<ph-divider>基本案例 type=button</ph-divider>
<ph-list title="测试test" type="button">
    <ph-list-item
    >观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item
    >观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。</ph-list-item>
</ph-list>
<ph-divider>基本案例 mini=true</ph-divider>
<ph-list title="测试test" :mini="true">
    <ph-list-item
    >观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item
    >观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。舍利子，色不异空，空不异色，色即是空，空即是色this
    is item 1</ph-list-item
    >
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时，照见五蕴皆空，度一切苦厄。</ph-list-item>
</ph-list>
<ph-divider>基本案例 align=right</ph-divider>
<ph-list title="测试test" align="right">
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item>观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <template v-slot:footbar>
        <ph-button :mini="true">你好</ph-button>
        <ph-button :mini="true">你好</ph-button>
        <ph-button :mini="true">你好</ph-button>
    </template>
</ph-list>
<ph-divider>基本案例 icon</ph-divider>
<ph-list title="测试test" :style="{width:'300px'}">
    <ph-list-item iconColor="var(--ph-primary)" icon="chrome">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item icon="firefox">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item icon="internet-explorer">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item icon="safari">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item icon="opera">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item iconrightColor="var(--ph-success)" icon-right="angle-right">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item iconrightColor="var(--ph-warning)" icon-right="angle-right">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
    <ph-list-item iconrightColor="var(--ph-danger)" icon-right="angle-right">观自在菩萨，行深般若波罗蜜多时</ph-list-item>
</ph-list>
`;
